<template>
  <el-rate
    v-model="dataValue"
    :disabled="disabled"
    @change="valueChange"
    :style="{ width: attrs.width ? attrs.width : '100%' }"
    :colors="attrs.colors"
    :show-text="attrs.showText"
    :texts="attrs.texts"
    :void-icon-class="attrs.voidIconClass"
    :show-score="attrs.showScore"
    :text-color="attrs.textColor"
    :max="attrs.max"
    :allow-half="attrs.allowHalf"
    :low-threshold="attrs.lowThreshold"
    :high-threshold="attrs.highThreshold"
    :void-color="attrs.voidColor"
    :disabled-void-color="attrs.disabledVoidColor"
  />
</template>
<script type="text/javascript">
import XMixIn from './XMixIn'
export default {
  mixins: [XMixIn]
}
</script>
<style scoped>
.el-rate {
  display: inline-block;
  vertical-align: text-top;
}
</style>
